<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>13-创建-添加-删除</title>
		<script type="text/javascript" src='js/jquery2.1.4.min.js'></script>
	</head>
	<body>
		<ul class="nav">
			<li>新浪</li>
			<li>阿里</li>
		</ul>
		
		<p class="emptynode">文字...<span><i>empty节点</i><i>empty节点</i></span></p>
		<div class="box">文字...</div>
		<script type="text/javascript">
			$(function(){
				console.log('load...over...');
				//1.创建元素节点
				//var li = $("<li style='color:red'>百度</li>");
				
				//2.append放入指定节点中的最后一个
				//$('.nav').append(li);
				//3.prepend放入指定节点中的最前面
				//$('.nav').prepend(li);
				
				//var p = $("<p style='color:blue'>我是你兄弟</p>");
				
				//放入指定节点的后面(兄弟)
				//$('.nav').after(p);
				//放入指定节点的前面(兄弟)
				//$('.nav').before(p);
				
				//删除，节点不存在了，源码中也没有
				//$('.nav li').eq(1).remove();
				//删除指定节点中所有的子子孙孙节点，源码中也没有
				//$('.emptynode').empty();
				//删除指定节点中所有的子子孙孙节点，源码中也没有
				$('.emptynode').html("");
			});
		</script>
	</body>
</html>
